<template lang="html">

  <mt-header title="商品详情" fixed>
	 <mt-button icon="back" slot="left" class="btn-back" @click="$router.go(-1)"></mt-button>

    <mt-button icon="search"></mt-button>
	  <div slot="right">
    	<mt-button icon="more"></mt-button>
		</div>
	</mt-header>
</template>

<script>
export default {
  data(){
    return{

    }
  },
  computed:{

  },
  mounted(){

  },
  methods: {

  },
}
</script>

<style lang="less" scoped>
@import '../../assets/fz.less';
@import '../../assets/index/style.css';
.mint-header {
    // padding: 6.8vw 4.8vw;
    background-color: #fff;
    color: #333!important;
    .fz(font-size, 40)!important;

    height: 6.6vh;
    padding: 1.87vh 3.2vw;

    div, ul, li, span, a{
      box-sizing: border-box;
    }

    .btn-back{
	    width: 2.67vw;
	    height: 2.85vh;
	    line-height: 2.85vh;
    }

    .mint-header-title{
    	font-size: 4.53vw;
    }
}
</style>
